@import url(https://fonts.googleapis.com/css?family=Ubuntu);

@keyframes bounch {

    0%,
    100% {
        background-color: red;
        left: 58%
    }

    25% {
        background-color: #ff0;
        left: 60%
    }

    50% {
        background-color: #00f;
        left: 60%
    }

    75% {
        background-color: green;
        left: 58%
    }
}

@keyframes bounch2 {

    0%,
    100% {
        background-color: red;
        left: 60%
    }

    25% {
        background-color: #ff0;
        left: 58%
    }

    50% {
        background-color: #00f;
        left: 58%
    }

    75% {
        background-color: green;
        left: 60%
    }
}

.loading {
    position: relative
}

.loading:after,
.loading:before {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 5px;
    border-radius: 50%;
    content: ''
}

.loading:after {
    background: red;
    animation: bounch 3s linear 0s infinite alternate
}

.loading:before {
    background: #00f;
    animation: bounch2 3s linear 0s infinite alternate
}

.dsetem-header,
.dsetem-header:after {
    height: 100%;
    width: 5%;
    position: absolute
}

.dsetem1 {
    position: relative;
    background: #49244e;
    margin: 0;
    padding: 0
}

.dsetem1 span {
    display: inline-block;
    background: 0 0;
    padding: 0 15px 0 5px;
    position: relative;
    font-size: 14px;
    line-height: 15px;
    border-radius: 3px;
    margin: 7px 5px 4px;
    color: #fff
}

.dsetem1 i {
    position: absolute;
    right: 0;
    top: 8px;
    font-size: 25px;
    font-style: normal
}

.dsetem1 i.upper {
    color: #adeaad
}

.dsetem1 i.lower {
    color: #f59e97;
    /* color: red; */
}

.dsetem1 i.middle {
    color: #fff
}

code {
    border-radius: 3px;
    padding: 1px 8px;
    color: #cfe098;
    font-size: 12px
}

.dsetem-header {
    left: 0;
    z-index: 11;
    background: #1C7C3E;
    align-items: stretch;
    align-content: center;
    display: grid;
    overflow: hidden;
    padding-left: 8px;
    color: #fff
}

.cse-table h3,
.dse-table h3 {
    border: 3px solid #f3d834;
    color: #868181;
    text-align: center
}

.dsetem-header:after {
    content: '';
    background: #b9d2b9;
    right: 0;
    top: 0
}